<template>
	<div class="content">
		<el-tabs v-model="navName">
			<el-tab-pane lazy label="淘礼金百亿补贴" name="tlj">
				<tljKanBan />
			</el-tab-pane>
			<el-tab-pane lazy label="京礼金百亿补贴" name="jlj">
				<jljKanBan />
			</el-tab-pane>
			<el-tab-pane lazy label="搜券返利类" name="sjfl">
				<sjflKanBan />
			</el-tab-pane>
			<el-tab-pane lazy label="淘宝无消耗" name="tbwxh">
				<tbwxhKanBan />
			</el-tab-pane>
			<el-tab-pane lazy label="拼多多数据" name="pdd">
				<pddKanBan />
			</el-tab-pane>
		</el-tabs>
	</div>
</template>

<script>
import tljKanBan from './components/tljKanBan';
import jljKanBan from './components/jljKanBan';
import sjflKanBan from './components/sjflKanBan';
import tbwxhKanBan from './components/tbwxhKanBan';
import pddKanBan from './components/pddKanBan';

export default {
	data() {
		return {
			navName: 'tlj'
		};
	},
	components: {
		tljKanBan,
		jljKanBan,
		sjflKanBan,
		tbwxhKanBan,
		pddKanBan
	},

	mounted() {},

	methods: {}
};
</script>
<style lang="scss" scoped>
::v-deep.el-tabs {
	height: 100%;
}
::v-deep .el-tabs__content {
	height: 100%;
}
::v-deep.el-tab-pane {
	height: calc(100% - 80px);
}
.content {
	background-color: #ffffff;
	padding: 20px;
}
::v-deep.kanban {
	height: 100%;
}
</style>
